// pages/course/online/online.js
let app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 顶部主要排序选项
  mainOptions: [
  { key: 'default', label: '综合排序', active: true },
  { key: 'popularity', label: '人气', active: false },
  { key: 'rating', label: '好评率', active: false }
  ],
  priceExpanded: false,
  priceRangeExpanded: false,
  priceSortType: 'asc', // 'asc' 或 'desc'
  priceRanges: [
  { value: 'free', label: '免费', active: true },
  { value: '0-50', label: '¥50以下', active: false },
  { value: '50-100', label: '¥50-100', active: false },
  { value: '100-500', label: '¥100-500', active: false },
  { value: '500-1000', label: '¥500-1000', active: false },
  { value: '1000+', label: '¥1000以上', active: false }
  ],
    url:'',
    pageNum:1,
    pageSize:3,
    onlines:[]

  },


  // 老师的!!!!!!!!!!

   // 点击顶部排序项（综合、人气、好评率）
   onMainOptionTap(e) {
    const key = e.currentTarget.dataset.key;
    let mainOptions = this.data.mainOptions.map(item =>
    item.key === key ? { ...item, active: true } : { ...item, active: false }
    );
    this.setData({ mainOptions });
    // TODO: 触发对应排序逻辑
    this.setData({
    priceRangeExpanded: false, // 关闭价格区间
    priceExpanded: false // 关闭价格排序
    })
    },
    // 点击“价格”
    onPriceTap() {
    this.setData({
    priceExpanded: !this.data.priceExpanded,
    priceRangeExpanded: false // 关闭价格区间
    });
    },
    // 点击“价格区间”
    onPriceRangeTap() {
    this.setData({
    priceRangeExpanded: !this.data.priceRangeExpanded,
    priceExpanded: false // 关闭价格排序
    });
    },
    // 点击价格升序/降序 → 直接触发，无需确定按钮
    onPriceSortSelected(e) {
    const type = e.currentTarget.dataset.type;
    this.setData({ priceSortType: type });
    this.onPriceSortConfirmed(type); // 直接调用处理函数
    },
    onPriceSortConfirmed(type) {
    console.log('价格排序选中:', type);
    // TODO: 执行价格排序逻辑，比如调用接口或本地排序
    },
    // 点击价格区间选项 → 直接触发
    onPriceRangeSelected(e) {
    const value = e.currentTarget.dataset.value;
    let priceRanges = this.data.priceRanges.map(item =>
    item.value === value ? { ...item, active: true } : { ...item, active:
    false }
    );
    this.setData({ priceRanges });
    this.onPriceRangeConfirmed(value); // 直接调用处理函数
    },
    onPriceRangeConfirmed(value) {
    console.log('价格区间选中:', value);
    // TODO: 执行价格区间筛选逻辑
    },
    // 可选的确定按钮逻辑（如果保留）
    onPriceConfirm() {
    this.onPriceSortConfirmed(this.data.priceSortType);
    },
    onPriceRangeConfirm() {
    // 获取当前选中的价格区间
    const active = this.data.priceRanges.find(item => item.active);
    if (active) {
    this.onPriceRangeConfirmed(active.value);
    }
    },






  online(){
    wx.request({
      url: this.data.url+'course/page',
      method:"GET",
      data:{
        pageNum:this.data.pageNum,
        pageSize:this.data.pageSize
      },
      success:(resp)=>{
        // console.log(resp.data.data.list);
        this.setData({
          onlines:resp.data.data.list
        })
      }
    })

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.setData({
      url:app.globalData.url
    })
    //调用函数查询相关信息
    this.online()

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})